<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>规则设定 产品提成设置</title>
<link href="${rc.contextPath}/common/css/common/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${rc.contextPath}/common/js/thickbox/jquery.js"></script>
<script type="text/javascript" src="${rc.contextPath}/common/js/thickbox/thickbox.js"></script>
<style type="text/css">
.brokerageSet{border:solid 1px gray; width:500px; height:250px;display:none; z-index:101;position:absolute; background-color:#FFFFFF;}
.brokerageSet .title{width:100%;height:20px;line-height:50px; border-top:solid 1px red;background-color:#b60613;top:0px;}
#greyBackGround{background:#000000;width:100%; display:none; z-index:100; top:0px; left:0px; position:absolute;}
</style>
<script type="text/javascript">
$(document).ready(function(){
	var screenwidth, screenheight, mytop, getPosLeft, getPosTop
	screenwidth = $(window).width();
	screenheight = $(window).height();
	//获取滚动条距顶部的偏移
	mytop = $(document).scrollTop();
	//计算弹出层的left
	getPosLeft = screenwidth / 2 - 260;
	//计算弹出层的top
	getPosTop = screenheight / 2 - 150;
	//css定位弹出层
	$("#brokerageSet").css({ "left": getPosLeft, "top": getPosTop });
	//$("#bathDeploy").css({ "left": getPosLeft, "top": getPosTop });
	//当浏览器窗口大小改变时
	$(window).resize(function() {
		screenwidth = $(window).width();
		screenheight = $(window).height();
		mytop = $(document).scrollTop();
		getPosLeft = screenwidth / 2 - 200;
		getPosTop = screenheight / 2 - 150;
		$("#brokerageSet").css({ "left": getPosLeft, "top": getPosTop+ mytop  });
		//$("#bathDeploy").css({ "left": getPosLeft, "top": getPosTop+ mytop  });
	});
	//当拉动滚动条时，弹出层跟着移动
	$(window).scroll(function() {
		screenwidth = $(window).width();
		screenheight = $(window).height();
		mytop = $(document).scrollTop();
		getPosLeft = screenwidth / 2 - 200;
		getPosTop = screenheight / 2 - 150;
		$("#brokerageSet").css({ "left": getPosLeft, "top": getPosTop+ mytop  });	
		//$("#bathDeploy").css({ "left": getPosLeft, "top": getPosTop+ mytop  });
	}); 
	 //获取页面文档的高度
	 var docheight = $(document).height();
	//追加一个层，使背景变灰
	$("body").append("<div id='greyBackGround'></div>");
	$("#greyBackGround").css({ "opacity": "0.1", "height": docheight });
	
	
	$("#brokerageSetBtn").click(function(){
		 $("#greyBackGround").css("display","none");
		 $("#brokerageSet").css("display","none");
		
	});
	$("#brokerageSetBtnCancel").click(function(){
		 $("#greyBackGround").css("display","none");
		 $("#brokerageSet").css("display","none");
	});
	
	$("#bathDeployBtn").click(function(){
		 $("#greyBackGround").css("display","none");
		 $("#bathDeploy").css("display","none");
		
	});
	$("#bathDeployBtnCancel").click(function(){
		 $("#greyBackGround").css("display","none");
		 $("#bathDeploy").css("display","none");
	});
	
});
function brokerageSet(){
	 $("#greyBackGround").css("display","block");
	 $("#brokerageSet").fadeIn("slow");
}

function bathCustomDeploy(){
	 $("#greyBackGround").css("display","block");
	 $("#bathDeploy").fadeIn("slow");
}


</script>
</head>



<body>
<div class="main">
	<div class="position">当前位置：规则设定> 产品提成设置</div>
	<div class="topBox">
    	<div class="mesCheck">
      	<div class="title1"><strong>产品提成设置</strong></div>
   		<div class="box2C"><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      		商品类别:<input name="" type="text"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      		商品名称:<input name="" type="text"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      		<input id="" type="button" value="查询" /><br/><br/>
      		
      		
      		<table  border="1" cellpadding="0" align="center" width="95%" style="margin-left: 20px;text-align: center;">
      			<tr>
      				<th>选择</th>
      				<th>商品名称</th>
      				<th>商品类别</th>
      				<th>新开提成</th>
      				<th>续费提成</th>
      				<th>转入提成</th>
      				<th>一口价提成</th>
      				<th>升级提成</th>
      				<th>操作</th>
      			</tr>
      			<tr>
      				<td><input  type="checkbox"/></td>
      				<td>com域名</td>
      				<td>域名</td>
      				<td>5%</td>
      				<td>5%</td>
      				<td>5%</td>
      				<td>5%</td>
      				<td>--</td>
      				<td><a href="javaScript:brokerageSet();">设置</a></td>
      			</tr>
      		</table><br/>
      		<input onclick="bathCustomDeploy();" type="button" value="批量设置" style="margin-left: 20px;" />
      		<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
			<div id="brokerageSet" class="brokerageSet">
			   	<div class="title"></div>
			   	<div style="margin-left: 20px;">产品提成设置</div>
			   	<div style="margin-left: 20px;">&nbsp;
					新开提成：<input name="" type="text" />&nbsp;%<br/>&nbsp;
					续费提成：<input name="" type="text" />&nbsp;%<br/>&nbsp;
					转入提成：<input name="" type="text" />&nbsp;%<br/>
					一口价提成：<input name="" type="text" />&nbsp;%<br/>&nbsp;
					升级提成：<input name="" type="text" />&nbsp;%<br/>&nbsp;
					生效时间：<input name="" type="text" value="2014-12-11 18:30"/><br/>&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<input id="brokerageSetBtn" type="button" value="确定"/>
					<input id="brokerageSetBtnCancel" type="button" value="取消" />
				</div>   
			</div>
			
			<div id="bathSet" class="brokerageSet" style="width: 500px;height: 230px;">
			   	<div class="title"></div>
			   	<div style="margin-left: 20px;">批量客户调配</div>
			   	<div style="margin-left: 20px;">
					当前所属部门：上海分公司	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前所属人：	张三<br/>
					调配到部门：
					<select id="deptId" name="deptId" style="width: 130px;">
			  			<option value="">---请选择---</option>
						<option value="">北京分公司</option>
			  		</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			  		所属人：
			  		<select id="ename" name="ename" style="width: 130px;">
			  			<option value="">---请选择销售人员---</option>
						<option value="">123</option>
			  		</select><br/>
			  		原因：<br/><textarea name="" rows="5" cols="10" style="width: 450px;height: 30px;"></textarea>
					<br/><br/>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<input id="bathDeployBtn" type="button" value="应用"/>
					<input id="bathDeployBtnCancel" type="button" value="取消" />
				</div>   
			</div>
		</div>
		</div>
	</div>
</div>
</body>
</html>
